<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: 晋龍
 * @LastEditTime: 2022-01-07 10:45:46
-->
<template>
  <!--1. 容器 -->
  <div ref="left2_container" style="height: 95%"></div>
</template>
<script>
import { Column } from '@antv/g2plot';

export default({
  data() {
    {
    type:
    sales:
    },{
    type:
    sales:
    },{
    type:
    sales:
    },{
    type:
    sales:
    },{
    type:
    sales:
    }
  },
  methods: {
    initChar(){
      const column = new Column(this.$refs.left2_container){
        data: this.dataArr,
        xField: 'type',
        yField: 'sales',
        //悬浮框提示
        tooltip:{
          fields:['ratio','sales'],
          domStyles:{
            'g2-tooltip':{
              padding:'5px',
              background:'rgba(47,6,170,0.8)',
              color: '#fff',
              fontSize:'16px',
      }
    }
  },
  methoded(){

  }
})
</script>
